import React from 'react'
import './index.css'
import {useNavigate} from 'react-router-dom'
const Index: React.FC = () => {
    const navigate=useNavigate();
    const toDesign=()=>{
        navigate("/designimg")
    }
    return (
        <div>
            <h3>常用场景</h3>
            <div>
                <dl onClick={toDesign}>
                    <dt>
                        <img src="//pub-cdn-oss.chuangkit.com/designKind/277" alt="" />
                    </dt>
                    <dd>
                        <p><span>横版二维码</span></p>
                        <p>1242×2208px</p>
                    </dd>
                </dl>
                <dl>
                    <dt>
                        <img src="//pub-cdn-oss.chuangkit.com/designKind/447" alt="" />
                    </dt>
                    <dd>
                        <p><span>手机海报</span></p>
                        <p>1242×2208px</p>
                    </dd>
                </dl>
                <dl>
                    <dt>
                        <img src="//pub-cdn-oss.chuangkit.com/designKind/216" alt="" />
                    </dt>
                    <dd>
                        <p><span>公众号首图</span></p>
                        <p>1242×2208px</p>
                    </dd>
                </dl>
                <dl>
                    <dt>
                        <img src="//pub-cdn-oss.chuangkit.com/designKind/502" alt="" />
                    </dt>
                    <dd>
                        <p><span>小红书配图</span></p>
                        <p>1242×2208px</p>
                    </dd>
                </dl>
                <dl>
                    <dt>
                        <img src="//pub-cdn-oss.chuangkit.com/designKind/209" alt="" />
                    </dt>
                    <dd>
                        <p><span>每日一签</span></p>
                        <p>1242×2208px</p>
                    </dd>
                </dl>
                <dl>
                    <dt>
                        <img src="//pub-cdn-oss.chuangkit.com/designKind/581" alt="" />
                    </dt>
                    <dd>
                        <p><span>全屏海报</span></p>
                        <p>1242×2208px</p>
                    </dd>
                </dl>
                <dl>
                    <dt>
                        <img src="//pub-cdn-oss.chuangkit.com/designKind/170" alt="" />
                    </dt>
                    <dd>
                        <p><span>邀请函</span></p>
                        <p>1242×2208px</p>
                    </dd>
                </dl>
                <dl>
                    <dt>
                        <img src="//pub-cdn-oss.chuangkit.com/designKind/38" alt="" />
                    </dt>
                    <dd>
                        <p><span>简历</span></p>
                        <p>1242×2208px</p>
                    </dd>
                </dl>
                <dl>
                    <dt>
                        <img src="//pub-cdn-oss.chuangkit.com/designKind/40" alt="" />
                    </dt>
                    <dd>
                        <p><span>公众号次图</span></p>
                        <p>1242×2208px</p>
                    </dd>
                </dl>
                <dl>
                    <dt>
                        <img src="//pub-cdn-oss.chuangkit.com/designKind/35" alt="" />
                    </dt>
                    <dd>
                        <p><span>长图海报</span></p>
                        <p>1242×2208px</p>
                    </dd>
                </dl>
                <dl>
                    <dt>
                        <img src="//pub-cdn-oss.chuangkit.com/designKind/1" alt="" />
                    </dt>
                    <dd>
                        <p><span>PPT16:9</span></p>
                        <p>1242×2208px</p>
                    </dd>
                </dl>
                <dl>
                    <dt>
                        <img src="//pub-cdn-oss.chuangkit.com/designKind/12" alt="" />
                    </dt>
                    <dd>
                        <p><span>名片</span></p>
                        <p>1242×2208px</p>
                    </dd>
                </dl>
                <dl>
                    <dt>
                        <img src="//pub-cdn-oss.chuangkit.com/designKind/503" alt="" />
                    </dt>
                    <dd>
                        <p><span>商品图标</span></p>
                        <p>1242×2208px</p>
                    </dd>
                </dl>
                <dl>
                    <dt>
                        <img src="//pub-cdn-oss.chuangkit.com/designKind/29" alt="" />
                    </dt>
                    <dd>
                        <p><span>商品主图</span></p>
                        <p>1242×2208px</p>
                    </dd>
                </dl>
                <dl>
                    <dt>
                        <img src="//pub-cdn-oss.chuangkit.com/designKind/703" alt="" />
                    </dt>
                    <dd>
                        <p><span>长页h5</span></p>
                        <p>1242×2208px</p>
                    </dd>
                </dl>
                <dl>
                    <dt>
                        <img src="//pub-cdn-oss.chuangkit.com/designKind/614" alt="" />
                    </dt>
                    <dd>
                        <p><span>视频海报</span></p>
                        <p>1242×2208px</p>
                    </dd>
                </dl>
            </div>

        </div>
    )
}

export default Index